<template>
	<span :style="myStyle">{{modelValue}}</span>
</template>

<script>
export default {
	name: "CusStyleTextCol",
	props:{
		modelValue:[String,Number,Date,Boolean,Object],
		formData:Object,
		getStyle:Function,
	},
	computed:{
		myStyle(){
			if(this.getStyle){
				let styleObj  = this.getStyle(this.formData);
				return styleObj;
			}
			return null;
		}

	}
}
</script>

<style scoped>

</style>